<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="../static/css/bootstrap.min.css"  type="text/css" rel="stylesheet">
<link href="../static/css/jquery-ui.css"  type="text/css" rel="stylesheet">
<link href="../static/css/index.css" type="text/css" rel="stylesheet">
<title>登记-添加</title>
</head>

<body>
<!--头部-->
<nav class="navbar navbar-default navbar-fixed-top  top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header" style=" width:100%;"> <a class="navbar-brand" href="javascript:history.go(-1);"  style=" width:100%;  padding-right:0px;"> <span class="glyphicon glyphicon-arrow-left white"></span> 
      <!--    <span class="glyphicon glyphicon-pause white" style="margin-left:2%;"></span>--> 
      <span class="white" style="margin-left:10%">登记-添加</span> <span class="glyphicon glyphicon-user white" style="float:right"></span> </a> </div>
  </div>
  <!-- /.container-fluid --> 
</nav>
<!--头部 end--> 
<!--主体部分-->
<div class="container" style="margin-top:70px;">
  <div class="row row_margin">
    <form class="form-horizontal" role="form" action="" method="post">
      <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">班级名称:</label>
        <div class="col-sm-10">
          <select class="form-control">
            <option>一年级一班</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
          </select>
        </div>
      </div>
      <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">学生姓名:</label>
        <div class="col-sm-10">
          <select class="form-control">
            <option>请选择</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
          </select>
        </div>
      </div>
      <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">开始日期:</label>
        <div class="col-sm-10">
          <input type="text" id="datepicker" class="form-control " >
        </div>
      </div>
      <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">结束日期:</label>
        <div class="col-sm-10">
          <input type="text" id="datepicker2" class="form-control " >
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-10">
          <label class="radio-inline">
            <input type="radio" name="" id="" value="">
            半天 </label>
          <!-- <label class="radio-inline"> 如果选择半天，则只计开始时间 </label>--> 
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">症状名称：</label>
        <div class="col-sm-10 ">
          <select class="form-control" id="s1" onchange="a()">
            <option>主任</option>
            <option>中专</option>
            <option>研究生</option>
            <option>本科</option>
            <option>自定义</option>
          </select>
          <div class="row" style="margin-top:8px">
            <div class="col-xs-8">
              <input id="new" placeholder="添加新的" class="form-control" >
            </div>
            <div  class="col-xs-4 "><span id="add"  class="btn btn-warning" >添加</span> </div>
          </div>
        </div>
      </div>
      <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">其他</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="" placeholder="其他">
        </div>
      </div>
      <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">就诊</label>
        <div class="col-sm-10">
          <label class="radio-inline">
            <input type="radio" name="" id="" value="">
            是 </label>
          <label class="radio-inline">
            <input type="radio" name="" id="" value="">
            否 </label>
        </div>
      </div>
      <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">登记说明:</label>
        <div class="col-sm-10">
          <input type="text" id="" class="form-control "  disabled>
        </div>
      </div>
    </form>
  </div>
  <!--row  end-->
  
  <div class="row row_margin" > <a type="button" class="btn btn-primary btn-lg btn-block btn-primary2"  href="registration.html">确定</a> </div>
</div>
<!--container  end--> 
<!--主体部分  end--> 
<!--底部-->

<div class="container" style="margin-top:25%;">
  <div class="row">
    <div class="footer navbar-fixed-bottom">
      <div class="col-xs-12" style=" height:15%"></div>
      <div class="col-md-4  col-xs-4 text-center" >
        <p class="glyphicon glyphicon-home white footer_font"></p>
        <p><a href="" class="white  footer_font2">首页</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white  ">
        <p class="glyphicon glyphicon-comment white  footer_font"></p>
        <p><a href=""  class="white  footer_font2">消息</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white" >
        <p class="glyphicon glyphicon-asterisk white footer_font"></p>
        <p ><a href=""  class="white  footer_font2">设置</a></p>
      </div>
    </div>
    <!--footer  end--> 
    
  </div>
  <!--row  end--> 
  
</div>
<!--container  end--> 

<!--底部end--> 
<script src="../static/js/jquery.min.js" type="text/javascript"></script> 
<script src="../static/js/bootstrap.min.js"  type="text/javascript"></script> 
<script src="../static/js/jquery-ui.js"  type="text/javascript"></script><!--日历--> <!--日历--> 
<script>
  $(function() {
    $( "#datepicker" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
	
	$( "#datepicker2" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
  });
  </script> 
<script type="text/javascript">
        $(document).ready(function(){
            $("#new").hide();
            $("#add").hide();
			
            $("#add").click(function(){
                $("#s1").append("<option>"+$("#new").val()+"</option>");
                $("#new").val('');
            });
        });
        function a()
        {
            var val = $("#s1").val();
            if (val == '自定义') {
                $("#new").show();
                $("#add").show();
            } else{
                //alert(val);
            };
        }
    </script>
</body>
</html>
